/**
 * 学习目标：掌握插值表达式 - 基础数据类型
 * 语法： {表达式}
 *
 * 表达式特点： 可以放在=右边
 * 种类： 变量
 * 基础数据类型： string number boolean undefined  null
 * 引用数据类型： function  object  array
 */
import React from 'react';
import ReactDOM from 'react-dom';

const msg = 'hello React';

const divNode = (
  <div>
    <h1>{msg}</h1>
    {/* 💥 string number正常显示 */}
    <h2>{'hello 83'}</h2>
    <h3>{83}</h3>

    {/* 💥 boolean undefined  null 不会显示 */}
    <h4>{true}</h4>
    <h4>{false}</h4>
    <h4>{undefined}</h4>
    <h4>{null}</h4>
  </div>
);

ReactDOM.render(divNode, document.getElementById('root'));
